<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="common/img/favicon.ico">
    <title>贵阳公安刑侦合成作战联查平台</title>
    <meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="common/css/reset.css">
    <link rel="stylesheet" href="common/css/bootstrap.css">
    <link rel="stylesheet" href="common/css/font-awesome.min.css">
    <link rel="stylesheet" href="common/fenye/jquery.bs_pagination.min.css">
    <!--bootstrap-multiselect-->
    <link rel="stylesheet" href="common/css/bootstrap-multiselect.css">
    <!--multiselect-->

    <link rel="stylesheet" href="caseDetail/css/caseDetail.css">
</head>
<body>
<div class="row margin padding row-hoof">
<div class="newStyle">
    <div class="col-xs-12 margin padding colFlex">
        <!--<div class="header clearfix">-->
        <!--<div class="left"><i class="fa fa-square leftIcon"></i>案件详情</div>-->
        <!--<div class="right">-->
        <!--<span class="label">您的位置：</span>-->
        <!--<ol class="breadcrumd">-->
        <!--<li><i class="fa fa-home"></i><a href="index.html">首页</a><i class="fa fa-angle-right"></i></li>-->
        <!--<li>案件详情</li>-->
        <!--</ol>-->
        <!--</div>-->
        <!--</div>-->
        <div class="body">
            <div class="caseContent">
                <div class="caseSearch">
                    <div class="timeLine">
                        <div class="caseTime times">
                            <span class="caseDetailSpan">立案时间</span>
                            <input type="text" class="caseSlot" placeholder="请选择时间" readonly>
                        </div>
                        <div class="slot times">
                            <span class="caseDetailSpan">录入时间</span>
                            <input type="text" class="timeSlot" placeholder="请选择时间" readonly>
                        </div>
                    </div>
                    <div class="caseLine">
                        <div class="caseKind times">
                            <span class="caseDetailSpan">大案类别</span>
                            <input type="text" placeholder="请选择案件类型" readonly class="input_1" onclick="iframeShow(this,1)">
                        </div>
                        <div class="userSearch">
                            <div class="kind">
                                <span class="office span spanActive" onclick="changeSearchObj(this)">分局</span>
                                <span class="company span spanNormal" onclick="changeSearchObj(this)">派出所</span>
                                <span class="user span spanNormal" onclick="changeSearchObj(this)">用户</span>
                            </div>
                            <div class="selects">
                                <div class="officeSelect select">
                                    <input type="text" placeholder="请选择分局" readonly  class="input_2"  onclick="iframeShow(this,2)">
                                </div>
                                <div class="companySelect select">
                                    <input type="text" placeholder="请选择单位" readonly class="input_3"  onclick="iframeShow(this,3)">
                                </div>
                                <div class="userSelect select">
                                    <input type="text" placeholder="请选择用户" readonly class="input_4"  onclick="iframeShow(this,4)">
                                </div>
                            </div>
                            <div class="button">
                                <button type="button" class="btn btn-success" onclick="Submit()">查询</button>
                            </div>
                            <div class="button">
                                <button type="button" class="btn btn-success" onclick="excel()">导出</button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="caseEchart">
                    <div id="echart"></div>
                </div>
                <div class="caseTable">
                    <div class="clueList">
                        <div class="case-title">
                            <ul class="ulW ul-title">
                                <li><a href="#">案件编号</a></li>
                                <li><a href="#">案件名称</a></li>
                                <li><a href="#">案件开始时间</a></li>
                                <li><a href="#">有无附件</a></li>
                            </ul>
                        </div>
                        <div class="case-content">
                            <ul class="ulW ul-content" id="ul-content">
                            </ul>
                        </div>
                        <div class="case-footer">
                            <ul class="pagination" id="pagination1"></ul>
                            <span class="total"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
    <div class="mark">
    </div>
</body>
<script src="common/js/jquery-3.2.1.min.js"></script>
<!--bootstrap-multiselect-->
<script src="common/js/bootstrap-multiselect.js"></script>
<!--multiselect-->
<script src="common/js/bootstrap-3.1.1.min.js"></script>
<script src="common/js/echarts.min.js"></script>
<!--分页器-->
<script src="common/fenye/jquery.bs_pagination.js"></script>
<script src="common/fenye/en.min.js"></script>
<script src="common/layer/layer.js"></script>
<!--日历-->
<script src="common/laydate/laydate.js"></script>
<script src="common/js/server.js"></script>
<script src="caseDetail/js/caseDetail.js"></script>
</html>